<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详情页</title>
    <link rel="shortcut icon" href="../static/img/favicon.ico" />
    <link rel="stylesheet" href="../css/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/list.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    <header>
        <ul id="list">
            <li>
                <a href="#" id="welcome" ></a>
                <a href="#" id="login">登录</a>
                <a href="#" id="register">注册</a>
                <div class="second_list">
                    <em href="#">我的订单</em>
                    <em href="#">退款/售后</em>
                    <em href="#">我的资产</em>
                    <em href="#">我的收藏</em>
                    <em href="#">地址管理</em>
                    <em href="#" id="exit">退出登录</em>
                </div>
                 
            </li>
            <li>
            <li>
                <a href="#" id="help">
                    帮助中心</a></li>
            <li>
                <a href="#" id="download">
                    <i class="iconfont icon-sj"></i>
                    
                    下载App</a>
            </li>
            <li>
                <a href="#">
                    <i>资质证照/协议规则</i>
                    <i class="iconfont icon-xjt" style="font-size:20px; "></i>
                </a>
            </li>
        </ul>
    </header>

    <div class="bigbanner">
        <div id="banner">
            <div id="title">
                <div id="logo">
                    <img src="../static/img/logo.jpg" alt="" srcset="">
                </div>
                <div id="time_buy">
                    <a href="#">限时抢购</a>
                </div>
                <div id="search">
                    <i class="iconfont icon-ss"></i>
                    <input type="text" name="" placeholder="搜一搜">
                </div>
                <div id="cart">
                    <i class="iconfont icon-gwc"></i>
                </div>
            </div>   
           
        </div>

    </div>


    <div class="big_xq">
        <div class="xq_con">

            <div class="left_pic">
                <div class="bigImg">
                    <img src="https://img.youpin.mi-img.com/shopmain/83ffcda63d23d280553061538bdd05b9.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">
                </div>

                <div class="spic">
                    <ul class="spic_inner">
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/6b2fdb69773507e67c8ffae4c5aa329d.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/8ac4c52d867152ec079ef84c2068653d.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/c0f6568067ccc6dd447709c4470c8058.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/0ef670dab4150661cb0bb507b27984a7.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/4e620092c9551fc3c64e1c5b78cb3e67.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/8ac4c52d867152ec079ef84c2068653d.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>

                        <li>   <img src="https://img.youpin.mi-img.com/shopmain/6b2fdb69773507e67c8ffae4c5aa329d.jpg@base@tag=imgScale&F=webp&h=1080&w=1080?w=1080&h=1080" alt="">    </li>
                    </ul>

                    <div class="btn top">
                        <span class="tri_top"></span>
                    </div>
                    <div class="btn bottom">
                        <span class="tri_bottom"></span>
                    </div>

                </div>
            </div>

            <div class="right_xq">
                <div class="right_xq_top">
                    <h2>映趣BlackStone剃须刀</h2>
                    <p>【激光生发帽】医用级黑科技，拯救毛囊，焕发新生；LLT低能量激光，81颗密集灯珠，权威认证众筹期间，1元抽送
                        <span>严屹宽代言，3D浮动刀头，充电1小时续航2个月</span>
                    </p>

                </div>

                <div class="price">
                    <span class="sj msg_tit">售价</span>
                    <em>￥</em>
                    <i>23</i>
                    <em>起</em>

                    <em class="line-through">
                        ￥25
                    </em>
                    <span class="xq_tj" >特价</span>
                    
                </div>

                <div class="service">
                    <div class="left_service">
                        <span class="fw msg_tit">服务</span>
                        <i>!</i>
                    </div>

                    <div class="right_service">
                        <p>
                            <span class="iconfont icon-dh"></span>
                            <span class="word">包邮</span>
                        </p>
    
                        <p>
                            <span class="iconfont icon-dh"></span>
                            <span class="word">有品三方</span>
                        </p>
    
                        <p>
                            <span class="iconfont icon-dh"></span>
                            <span class="word">七天无理由</span>
                        </p>
                        <p>
                            <span class="iconfont icon-dh"></span>
                            <span class="word">由重庆骊璐科技发展有限公司发货并提供售后</span>
                        </p>

                    </div>

                   

                </div>

                <div class="ps">
                    <span class="fw msg_tit">配送</span>
                    <i class="province">北京</i>
                    <i class="city">北京市</i>
                    <i class="domain">海淀区</i>
                    <i class="have">有货</i>
                    <em>修改</em>
                </div>

                <div class="color">
                    <!-- <span class="ys msg_tit">颜色</span>
                    <i>剃须刀</i>
                    <i>剃须刀刀头</i> -->

                </div>

                <div class="num">
                    <span class="sl msg_tit">数量</span>
                    <div class="click_num">
                        <div class="down btn">-</div>
                        <input type="text" name="" id="text" value=1>
                        <div class="up btn">+</div>
                    </div>

                </div>

                <div class="xq_footer">
                    <div class="add_cart one">
                        加入购物车
                    </div>
                    <div class="now_buy one">
                        立即购买
                    </div>

                    <div class="sc two">
                        <span class="iconfont icon-sc" ></span>
                        <span class="word sc_word">收藏</span>
                    </div>
                    <div class="kf two">
                        <span class="iconfont icon-kf" ></span>
                        <span class="word kf_word">客服</span>


                    </div>
                </div>

            </div>

        </div>
    </div>

     <div class="bottom_xq">
         <div class="bottom_xq_con">
             <div class="bo_left">
                <div class="bo_title">

                    <span>产品详情</span>
                    <span>评论</span>
                    <span>常见问题</span>
                </div>

                <div class="bo_content">

                  
                    <div class="imgBox">
                        <img src="https://img.youpin.mi-img.com/shopmain/b28736d2b8591f01e58cf49407afb533.jpg?w=1080&h=1908" alt="">
                        <video controls>
                        
                            <source src="https://video.youpin.mi-img.com/shopmain/86f469ad5c49e9fb487d462a42eda8ed.mp4" >
                        </video>
                 

                  
                        <img src="https://img.youpin.mi-img.com/shopmain/f144c358b18e57bcee0fa9d9c4132d47.jpg?w=1080&h=598" alt="">
                    
                  
                        <img src="https://img.youpin.mi-img.com/shopmain/1eef0dfa153f67401d23ed35e7ab3ce3.jpg?w=1080&h=1289" alt="">
                   
                    
                        <img src="https://img.youpin.mi-img.com/shopmain/fa77fc1664606292b84a3655641ebe91.jpg?w=1080&h=921" alt="">
                    
 
                        <img src="https://img.youpin.mi-img.com/shopmain/c8f0581c819cf6562d23bb6095391ef4.jpg?w=1080&h=1369" alt="">
                    
                        <img src="https://img.youpin.mi-img.com/shopmain/957a711c6cd35d11965770298e422d59.jpg?w=1080&h=1751" alt="">
                   
                        <img src="https://img.youpin.mi-img.com/shopmain/30fa0fdc6d889311150287735b3f2004.jpg?w=1080&h=1973" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/41d8c7f593f169c3ba15aca6b8f644a7.jpg?w=1080&h=1845" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/1a8000cad28561436ffa5678debc4e00.jpg?w=1080&h=1753" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/1ca1d67f0d0cb6fcaf03b988bfa5de16.jpg?w=1080&h=1607" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/6300c7b031fde8193b74342cbc5b3433.jpg?w=1080&h=1599" alt="">

                        <img src="https://img.youpin.mi-img.com/shopmain/057d4def4a495ce9d53d88ce58ab7046.jpg?w=1080&h=1511" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/48c3bcd948b3b9e924dab5902414612a.jpg?w=1080&h=1196" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/7b3e9940f2caae0c669a6496de462584.jpg?w=1080&h=894" alt="">
                        <img src="https://img.youpin.mi-img.com/shopmain/857ddff749dd05883d5d0da9fce8b96b.jpg?w=1080&h=2076" alt="">
                    
 
                    </div>
                     


                </div>
             </div>

             <div class="bo_right">
                <div class="dp">
                    <div class="imgbox">
                        <img src="https://img.youpin.mi-img.com/youpin_zhaoshang/ee91398823f5bee489b911ae3491c58a.jpg" alt="">
                    </div>
                    <div class="dpcontent">
                        <p class="dpname">ENCHEN 映趣</p>
                        <p class="description" >为你与众不同</p>
                    </div>

                    <div class="enter">
                        进入
                    </div>


                </div>

                <div class="regard">
                    <div class="re_title">
                        <div class="line">一</div>
                        <div class="suggest">
                            相关推荐
                        </div>
                        <div class="line">一</div>

                    </div>

                    <div class="re_content">
                        <div class="re_sbox">
                            <img src="https://img.youpin.mi-img.com/shopmain/6c6c7b83832deb1ea3301d1d5000f0e4.png?w=800&h=800" alt="">
                            <p>遥控操作，三大智能模式，三大浮...</p>
                            <div class="re_word">
                                <p>SKG颈椎按摩器智能按摩4098</p>
                                <span>￥399</span>
                            </div>
                        </div>
                        <div class="re_sbox">
                            <img src="https://img.youpin.mi-img.com/shopmain/f22e697e8db0e8797ca633df18f890c2.png?w=800&h=800" alt="">
                            <p>遥控操作，三大智能模式，三大浮...</p>
                            <div class="re_word">
                                <p>SKG颈椎按摩器智能按摩4098</p>
                                <span>￥399</span>
                            </div>
                        </div>
                        <div class="re_sbox">
                            <img src="https://img.youpin.mi-img.com/shopmain/92516caceae00606053cafaad8e86832.png?w=800&h=800" alt="">
                            <p>遥控操作，三大智能模式，三大浮...</p>
                            <div class="re_word">
                                <p>SKG颈椎按摩器智能按摩4098</p>
                                <span>￥399</span>
                            </div>
                        </div>
                        <div class="re_sbox">
                            <img src="https://img.youpin.mi-img.com/shopmain/8bea6364cd6ae91ae51fef9647e9a473.png?w=800&h=800" alt="">
                            <p>遥控操作，三大智能模式，三大浮...</p>
                            <div class="re_word">
                                <p>SKG颈椎按摩器智能按摩4098</p>
                                <span>￥399</span>
                            </div>
                        </div>
                    </div>

                </div>
             </div>


         </div>
     </div>


     <div class="bottom_xq title_xd">
        <div class="bottom_xq_con">
            <div class="bo_left">
               <div class="bo_title title_xd" id="title_xd">

                   <span>产品详情</span>
                   <span>评论</span>
                   <span>常见问题</span>
               </div>
            </div>
        </div>
    </div>

    <footer>
        <h2>
            <img src="../static/img/logo.jpg" alt="">
        </h2>
        <div id="text">
            <p>@xiaomiyoupin.com 苏B2-20180351 苏ICP备 18025642号-1 

                <img src="../static/img/police.gif" alt="">
                苏公网安备32010502010244号
            </p>
            <p>
                企业名称：有品信息科技有限公司 关于我们 入驻有品
            </p>
            <p>
                 小米有品平台运营主体变更公告
            </p>
            <p>
                南京市建邺区白龙江东街8号3栋9层
            </p>
        </div>

        <div id="pic">
            <img src="../static/img/footer.gif" alt="" srcset="">
        </div>
    </footer>

    <div class="xd">
        <div class="fixed">
            <div class="logo">
                <img src="../static/img/logo.jpg" alt="" srcset="">
            </div>

            <div class="bigclass">
                <div class="classify">
                    <span class="classify_box">
                        分类
                        <i class="iconfont icon-xjt"></i>
                    </span>
                </div>
                <div class="fullcont">
                    <div class="bigcont">
                        <div id="cont">
                            <div id="sel">
                                <li class="lb">
                                    <a href="#">有品推荐</a>
                                    <i>/</i>
                                    <a href="#">家用电器</a>
                                </li>
                                <li class="lb">
                                    <a href="#">智能家庭</a>
                                    <i>/</i>
                                    <a href="#">电视影音</a>
                                </li>
                                <li class="lb">
                                    <a href="#">家居家装</a>
                                    <i>/</i>
                                    <a href="#">居家餐厨</a>
                                </li>
                                <li class="lb">
                                    <a href="#">运动户外</a>
                                    <i>/</i>
                                    <a href="#">出行车品</a>
                                </li>
                                <li class="lb">
                                    <a href="#">手机电脑</a>
                                    <i>/</i>
                                    <a href="#">数码周边</a>
                                </li>
                                <li class="lb">
                                    <a href="#">服装配饰</a>
                                    <i>/</i>
                                    <a href="#">鞋靴箱包</a>
                                </li>
                                <li class="lb">
                                    <a href="#">日用文创</a>
                                    <i>/</i>
                                    <a href="#">美食酒饮</a>
                                </li>
                                <li class="lb">
                                    <a href="#">美妆个护</a>
                                    <i>/</i>
                                    <a href="#">健康保健</a>
                                </li>
                                <li class="lb">
                                    <a href="#">母婴亲子</a>
                                    <i>/</i>
                                    <a href="#">宠物生活</a>
                                </li>
                    
                                <div class="biglist">
                                    <div class="biglist_con list_con0">
                                        <h2>有品推荐</h2>
                                        <ul>
                                            <a href="#"><img src="../static/img/list1.png" alt="" srcset=""> <li>销量榜单</li></a>
                                            <a href="#"><img src="../static/img/list2.png" alt="" srcset=""> <li>米粉热搜 </li></a>
                                            <a href="#"><img src="../static/img/list3.png" alt="" srcset=""> <li>清凉季</li></a>
                                            <a href="#"><img src="../static/img/list4.png" alt="" srcset=""> <li>女神最爱</li></a>
                                            <a href="#"><img src="../static/img/list5.png" alt="" srcset=""> <li>婴童精选</li></a>
                                            <a href="#"><img src="../static/img/list6.jpg" alt="" srcset=""> <li>D.LAB</li></a>
                                            <a href="#"><img src="../static/img/list7.png" alt="" srcset=""> <li>小爱专区</li></a>
                                            <a href="#"><img src="../static/img/list8.png" alt="" srcset=""> <li>销量榜单</li></a>
                                            <a href="#"><img src="../static/img/list9.png" alt="" srcset=""> <li>品质生活</li></a>
                                            <a href="#"><img src="../static/img/list10.png" alt="" srcset=""> <li>美酒佳酿</li></a>
                                            <a href="#"><img src="../static/img/list11.png" alt="" srcset=""> <li>运动健身</li></a>
                                            <a href="#"><img src="../static/img/list12.png" alt="" srcset=""> <li>健康生活</li></a>
                                        </ul>
                    
                                        <h2>家用电器</h2>
                                        <ul>
                                            <a href="#"><img src="../static/img/list13.jpg" alt="" srcset=""> <li>新品推荐</li></a>
                                            <a href="#"><img src="../static/img/list14.jpg" alt="" srcset=""> <li>热卖榜单</li></a>
                                            <a href="#"><img src="../static/img/list15.jpeg" alt="" srcset=""> <li>空调/风扇</li></a>
                                            <a href="#"><img src="../static/img/list16.jpeg" alt="" srcset=""> <li>清洁电器</li></a>
                                            <a href="#"><img src="../static/img/list17.jpg" alt="" srcset=""> <li>洗衣机</li></a>
                                            <a href="#"><img src="../static/img/list18.jpeg" alt="" srcset=""> <li>冰箱</li></a>
                                            <a href="#"><img src="../static/img/list19.jpg" alt="" srcset=""> <li>生活电器</li></a>
                                            <a href="#"><img src="../static/img/list20.jpg" alt="" srcset=""> <li>厨房大电</li></a>
                                            <a href="#"><img src="../static/img/list21.png" alt="" srcset=""> <li>厨房小电</li></a>
                                            <a href="#"><img src="../static/img/list22.jpg" alt="" srcset=""> <li>卫浴电器</li></a>
                                            <a href="#"><img src="../static/img/list23.jpeg" alt="" srcset=""> <li>净水器</li></a>
                                            <a href="#"><img src="../static/img/list24.jpeg" alt="" srcset=""> <li>空气净化器</li></a>
                                            <a href="#"><img src="../static/img/list25.jpeg" alt="" srcset=""> <li>新风系统</li></a>
                                            <a href="#"><img src="../static/img/list26.jpeg" alt="" srcset=""> <li>配件耗材</li></a>
                                            <a href="#"><img src="../static/img/list27.png" alt="" srcset=""> <li>撸串必备</li></a>
                                        </ul>
                                    </div>
                                    <div class="biglist_con list_con1">
                                        <h2>智能家庭</h2>
                                        <ul>
                                            <a href="#"><img src="../static/img/tv1.png" alt="" srcset=""> <li>销量Top20</li></a>
                                            <a href="#"><img src="../static/img/tv2.png" alt="" srcset=""> <li>安全防护必备 </li></a>
                                            <a href="#"><img src="../static/img/tv3.png" alt="" srcset=""> <li>新品专区</li></a>
                                            <a href="#"><img src="../static/img/tv4.png" alt="" srcset=""> <li>智能门锁</li></a>
                                            <a href="#"><img src="../static/img/tv5.png" alt="" srcset=""> <li>门铃/猫眼</li></a>
                                            <a href="#"><img src="../static/img/tv6.png" alt="" srcset=""> <li>摄像机</li></a>
                                            <a href="#"><img src="../static/img/tv7.png" alt="" srcset=""> <li>保险箱</li></a>
                                            <a href="#"><img src="../static/img/tv8.png" alt="" srcset=""> <li>智能家庭</li></a>
                                            <a href="#"><img src="../static/img/tv9.png" alt="" srcset=""> <li>网关/传感器</li></a>
                                            <a href="#"><img src="../static/img/tv10.jpg" alt="" srcset=""> <li>开关插座</li></a>
                                            <a href="#"><img src="../static/img/tv11.jpg" alt="" srcset=""> <li>路由器</li></a>
                                            <a href="#"><img src="../static/img/tv12.jpg" alt="" srcset=""> <li>语音助手</li></a>  
                                            <a href="#"><img src="../static/img/tv13.png" alt="" srcset=""> <li>智能手表</li></a>
                                            <a href="#"><img src="../static/img/tv14.png" alt="" srcset=""> <li>智能乐器 </li></a>
                                            <a href="#"><img src="../static/img/tv15.png" alt="" srcset=""> <li>无人机</li></a>
                                            <a href="#"><img src="../static/img/tv16.png" alt="" srcset=""> <li>翻译机</li></a>
                                            <a href="#"><img src="../static/img/tv17.png" alt="" srcset=""> <li>智酷玩具</li></a>
                                            <a href="#"><img src="../static/img/tv18.png" alt="" srcset=""> <li>小爱专区</li></a>
                                            <a href="#"><img src="../static/img/tv19.png" alt="" srcset=""> <li>VR头戴</li></a>
                                            <a href="#"><img src="../static/img/tv20.png" alt="" srcset=""> <li>网络存储</li></a>
                                            <a href="#"><img src="../static/img/tv21.png" alt="" srcset=""> <li>打印机</li></a>
                                            <a href="#"><img src="../static/img/tv22.png" alt="" srcset=""> <li>智能手环</li></a>
                                            <a href="#"><img src="../static/img/tv23.png" alt="" srcset=""> <li>游戏周边</li></a>
                                            <a href="#"><img src="../static/img/tv24.png" alt="" srcset=""> <li>相机</li></a>
                                        </ul>
                    
                                        <h2>电视影音</h2>
                                        <ul>
                                            <a href="#"><img src="../static/img/tv25.png" alt="" srcset=""> <li>新品推荐</li></a>
                                            <a href="#"><img src="../static/img/tv26.png" alt="" srcset=""> <li>热卖榜单</li></a>
                                            <a href="#"><img src="../static/img/tv27.jpg" alt="" srcset=""> <li>空调/风扇</li></a>
                                            <a href="#"><img src="../static/img/tv28.jpeg" alt="" srcset=""> <li>清洁电器</li></a>
                                            <a href="#"><img src="../static/img/tv29.jpeg" alt="" srcset=""> <li>洗衣机</li></a>
                                            <a href="#"><img src="../static/img/tv30.jpeg" alt="" srcset=""> <li>冰箱</li></a>
                                            <a href="#"><img src="../static/img/tv31.jpeg" alt="" srcset=""> <li>生活电器</li></a>
                                            <a href="#"><img src="../static/img/tv32.jpeg" alt="" srcset=""> <li>厨房大电</li></a>
                                            <a href="#"><img src="../static/img/tv33.jpeg" alt="" srcset=""> <li>厨房小电</li></a>
                                            <a href="#"><img src="../static/img/tv34.jpg" alt="" srcset=""> <li>卫浴电器</li></a>
                                            <a href="#"><img src="../static/img/tv35.png" alt="" srcset=""> <li>净水器</li></a>
                                            <a href="#"><img src="../static/img/tv36.jpg" alt="" srcset=""> <li>空气净化器</li></a>
                                            <a href="#"><img src="../static/img/tv37.jpg" alt="" srcset=""> <li>新风系统</li></a>
                                            <a href="#"><img src="../static/img/tv38.png" alt="" srcset=""> <li>配件耗材</li></a>
                                            <a href="#"><img src="../static/img/tv39.png" alt="" srcset=""> <li>撸串必备</li></a>
                                            <a href="#"><img src="../static/img/tv40.png" alt="" srcset=""> <li>撸串必备</li></a>
                                            <a href="#"><img src="../static/img/tv41.jpeg" alt="" srcset=""> <li>撸串必备</li></a>
                                            <a href="#"><img src="../static/img/tv42.png" alt="" srcset=""> <li>撸串必备</li></a>
                                        </ul>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>

            
            </div>
            
            <div class="time_buy">
                <a href="#">限时抢购</a>
            </div>
            <div class="search">
                <i class="iconfont icon-ss"></i>
                <input type="text" name="" placeholder="搜一搜">
            </div>
            <div class="cart">
                <i class="iconfont icon-gwc"></i>
            </div>
        </div>
    </div>

    <div class="float">
        <div class="sbox">
            <i class="iconfont icon-kf"></i>
            <span>联系客服</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-sys"></i>
            <span>下载APP</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-lw"></i>
            <span>新人有礼</span>
        </div>

        <div class="sbox">
            <i class="iconfont icon-wx"></i>
            <span>关注微信</span>
        </div>
        <div class="sbox back">
            <i class="iconfont icon-rocket"></i>
            <span>回到顶部</span>
        </div>
    </div>

    <div class="toast">
        加入购物车成功
    </div>

    <script src="../js/jquery.js"></script>
    <script src="../js/detail.js"></script>
</body>
</html>